home *** CD-ROM | disk | FTP | other *** search
/ IRIX 6.5 Complementary Applications 2004 February / SGI IRIX 6.5 Complementary Applications 2004 February.iso / dist / OpenOffice.idb / usr / OpenOffice / help / en / common.jar / text / common / 07 / 09000000.xml < prev   
Encoding:
Extensible Markup Language  |  2002-01-24  |  19.8 KB  |  267 lines
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <html><head><title>%PRODUCTNAME HTML Templates</title><meta name="filename" content="text/common/07/09000000"/><meta name="language" content="en-US"/><help:css-file-link xmlns:help="http://openoffice.org/2000/help"/><!--The CSS style header method for setting styles--><style type="text/css">
  3.  
  4.         table.Tabelle1{
  5.                 }
  6.         span.Tabelle1A{
  7.                 width:4.025cm;}
  8.         span.Tabelle1B{
  9.                 width:13.975cm;}
  10.         td.Tabelle1A1{
  11.                 }
  12.         td.Tabelle1B1{
  13.                 border-width:0.002cm; border-style:solid; border-color:#000000;}
  14.         td.Tabelle1A2{
  15.                 }
  16.         td.Tabelle1B2{
  17.                 }
  18.         table.Tabelle2{
  19.                 }
  20.         span.Tabelle2A{
  21.                 width:4.528cm;}
  22.         span.Tabelle2B{
  23.                 width:13.471cm;}
  24.         td.Tabelle2A1{
  25.                 }
  26.         td.Tabelle2B1{
  27.                 border-width:0.002cm; border-style:solid; border-color:#000000;}
  28.         td.Tabelle2A4{
  29.                 }
  30.         td.Tabelle2B4{
  31.                 }
  32.         table.Tabelle3{
  33.                 }
  34.         span.Tabelle3A{
  35.                 width:1.499cm;}
  36.         span.Tabelle3B{
  37.                 width:16.501cm;}
  38.         tr.Tabelle31{
  39.                 }
  40.         td.Tabelle3A1{
  41.                 }
  42.         table.Tabelle4{
  43.                 }
  44.         span.Tabelle4A{
  45.                 width:8.999cm;}
  46.         td.Tabelle4A1{
  47.                 }
  48.         td.Tabelle4B1{
  49.                 border-width:0.002cm; border-style:solid; border-color:#000000;}
  50.         td.Tabelle4A2{
  51.                 }
  52.         td.Tabelle4B2{
  53.                 }
  54.         p.P1{
  55.                 }
  56.         p.P2{
  57.                 }
  58.         span.T1{
  59.                 font-weight:bold;}
  60.         span.fr1{
  61.                 }
  62.         </style></head><body>
  63.    
  64.    
  65.    <help:to-be-embedded Eid="htmlvorlagen" xmlns:help="http://openoffice.org/2000/help">
  66.    <p class="Head1"><help:key-word value="HTML; templates" tag="kw66059_2"/><help:key-word value="templates; HTML" tag="kw66059_7"/><help:link Id="66059"><help:productname>%PRODUCTNAME</help:productname> HTML Templates</help:link></p>
  67.    <p class="Paragraph">If you want to create a new page for the Internet, open a new <span style="font-weight:bold;">HTML Document</span> by choosing <span style="font-weight:bold;">File - New</span>.</p>
  68.    </help:to-be-embedded>
  69.    <p class="Paragraph">Another good tool for creating new pages for the World Wide Web is is the Online-Layout-Mode, which you can choose from the <span class="T1">View</span> menu. As soon as you have activated this mode you will see only those options in the menus and dialogs of <help:productname xmlns:help="http://openoffice.org/2000/help">%PRODUCTNAME</help:productname> which can be used on HTML pages.</p>
  70.    <p class="Head2"><help:key-word value="Creating a new page for the WWW" tag="kw66059_1" xmlns:help="http://openoffice.org/2000/help"/>Creating a new page for the WWW</p>
  71.    <ul class="L1">
  72.     <li class="">
  73.      <p class="P2">First of all switch onthe Online-Layout-Mode by checking this entry in the <span class="T1">View</span> menu or by calling up a new HTML document. <help:productname xmlns:help="http://openoffice.org/2000/help">%PRODUCTNAME</help:productname> will then internally use the html.vor template which is located in {installpath}/share/template/english/internal</p>
  74.     </li>
  75.     <li class="">
  76.      <p class="P2">You can enter text, insert objects, etc. into the new page as if it were a "normal" page. Use the special paragraph and character templtes that are provided by the HTML template. Furthermore when the HTML is exported <help:productname xmlns:help="http://openoffice.org/2000/help">%PRODUCTNAME</help:productname> will try to convert the document as closely to the original, depending on what the HTML format permits.</p>
  77.     </li>
  78.     <li class="">
  79.      <p class="P2">To create an HTML page in your <help:productname xmlns:help="http://openoffice.org/2000/help">%PRODUCTNAME</help:productname> document, save the page in <span class="T1">Web page</span> format. Name the file, which ends with the .HTM or .HTML extension.</p>
  80.     </li>
  81.    </ul>
  82.    <p class="Head2">HTML template (standard)</p>
  83.    <p class="Paragraph">If you use this page template, the pages will be without margins and almost any length so that your pages will not have page breaks.</p>
  84.    <p class="Head2">HTML Paragraph Styles</p>
  85.    <p class="Paragraph">The special Paragraph Styles for HTML pages have the following meaning:</p>
  86.    <table border="1" bordercolor="#000000" cellpadding="2" cellspacing="0" page-break-inside="page-break-inside:avoid"><tr class=""><td class="Tabelle1A1" style="text-align:left;"><span class="Tabelle1A">
  87.       <p class="TableHead">Paragraph Styles</p>
  88.      </span></td><td class="Tabelle1B1" style="text-align:left;"><span class="Tabelle1B">
  89.       <p class="TableHead">Definition</p>
  90.      </span></td></tr><tr class=""><td class="Tabelle1A2" style="text-align:left;"><span class="Tabelle1A">
  91.       <p class="TextInTable">BLOCKQUOTE</p>
  92.      </span></td><td class="Tabelle1B2" style="text-align:left;"><span class="Tabelle1B">
  93.       <p class="TextInTable">You can format quotations as BLOCKQUOTES. If you do so, the text will be indented and in italics.</p>
  94.      </span></td></tr><tr class=""><td class="Tabelle1A2" style="text-align:left;"><span class="Tabelle1A">
  95.       <p class="TextInTable">DD 1-3, DT 1-3</p>
  96.      </span></td><td class="Tabelle1B2" style="text-align:left;"><span class="Tabelle1B">
  97.       <p class="TextInTable">Glossaries can be structured using DT and DD formats. The first level will be titled DT1; the corresponding glossary text will be titled DD1. The first sublevel will be titled DT2 for the title and DD2 for the text. The third level will be formatted using DT3 and DD3.</p>
  98.       <p class="TextInTable">DT1 is left justified, DD1 is indented once, DT2 is indented like DD1, etc. DD is followed by a line break <p>, whereas DT is not.</p>
  99.      </span></td></tr><tr class=""><td class="Tabelle1A2" style="text-align:left;"><span class="Tabelle1A">
  100.       <p class="TextInTable">HR</p>
  101.      </span></td><td class="Tabelle1B2" style="text-align:left;"><span class="Tabelle1B">
  102.       <p class="TextInTable">Insert a horizontal line the entire width of the page.</p>
  103.      </span></td></tr><tr class=""><td class="Tabelle1A2" style="text-align:left;"><span class="Tabelle1A">
  104.       <p class="TextInTable">PRE</p>
  105.      </span></td><td class="Tabelle1B2" style="text-align:left;"><span class="Tabelle1B">
  106.       <p class="TextInTable">Text is formatted as preformatted text in the unproportional (TrueType) font, Courier. Since all spaces also appear in HTML text, this format is suitable for program listings with spaces and other similar types of texts.</p>
  107.      </span></td></tr></table>
  108.    <p class="Paragraph"/>
  109.    <p class="Head2"><help:key-word value="Character Styles; HTML" tag="kw66059_6" xmlns:help="http://openoffice.org/2000/help"/><help:key-word value="HTML; Character Styles" tag="kw66059_5" xmlns:help="http://openoffice.org/2000/help"/>Character Styles for HTML Pages</p>
  110.    <p class="Paragraph">There are also specific font styles for HTML pages (of course, you can also use other styles), recognizable since they appear in capital letters. The following font styles are available:</p>
  111.    <table border="1" bordercolor="#000000" cellpadding="2" cellspacing="0" page-break-inside="page-break-inside:avoid"><tr class=""><th class="Tabelle2A1" style="text-align:left;"><span class="Tabelle2A">
  112.        <p class="TableHead">Font Styles</p>
  113.       </span></th><th class="Tabelle2B1" style="text-align:left;"><span class="Tabelle2B">
  114.        <p class="TableHead">Definition</p>
  115.       </span></th></tr><tr class=""><td class="Tabelle2A1" style="text-align:left;"><span class="Tabelle2A">
  116.       <p class="TextInTable">Internet Link</p>
  117.      </span></td><td class="Tabelle2B1" style="text-align:left;"><span class="Tabelle2B">
  118.       <p class="TextInTable">Blue underlined font</p>
  119.      </span></td></tr><tr class=""><td class="Tabelle2A1" style="text-align:left;"><span class="Tabelle2A">
  120.       <p class="TextInTable">Visited Internet link</p>
  121.      </span></td><td class="Tabelle2B1" style="text-align:left;"><span class="Tabelle2B">
  122.       <p class="TextInTable">Red underlined font</p>
  123.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  124.       <p class="TextInTable">ABBREV</p>
  125.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  126.       <p class="TextInTable">Logical effects for abbreviations</p>
  127.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  128.       <p class="TextInTable">ACRONYM</p>
  129.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  130.       <p class="TextInTable">Logical effects for acronyms (an abbreviation that can be pronounced like a word)</p>
  131.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  132.       <p class="TextInTable">AU</p>
  133.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  134.       <p class="TextInTable">Logical effects for author names</p>
  135.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  136.       <p class="TextInTable">BLINK</p>
  137.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  138.       <p class="TextInTable">Logical effects for blinking text.</p>
  139.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  140.       <p class="TextInTable">QUOTE</p>
  141.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  142.       <p class="TextInTable">Logical effects for quotations (e.g. italics)</p>
  143.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  144.       <p class="TextInTable">CODE</p>
  145.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  146.       <p class="TextInTable">Logical effects for source code (e.g. Courier)</p>
  147.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  148.       <p class="TextInTable">DEL</p>
  149.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  150.       <p class="TextInTable">Logical effects for deletions (revision marks)</p>
  151.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  152.       <p class="TextInTable">DFN</p>
  153.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  154.       <p class="TextInTable">Logical effects for definitions</p>
  155.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  156.       <p class="TextInTable">EM</p>
  157.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  158.       <p class="TextInTable">Logical effects for highlighting (e.g. italic)</p>
  159.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  160.       <p class="TextInTable">INS</p>
  161.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  162.       <p class="TextInTable">Logical effects for insertions (revision marks)</p>
  163.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  164.       <p class="TextInTable">KBD</p>
  165.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  166.       <p class="TextInTable">Logical representation for terminal characters (e.g. Courier)</p>
  167.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  168.       <p class="TextInTable">LANG</p>
  169.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  170.       <p class="TextInTable">Logical effects for foreign languages</p>
  171.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  172.       <p class="TextInTable">PERSON</p>
  173.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  174.       <p class="TextInTable">Logical effects for people's names</p>
  175.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  176.       <p class="TextInTable">Q</p>
  177.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  178.       <p class="TextInTable">Logical effects for short quotations</p>
  179.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  180.       <p class="TextInTable">SAMP</p>
  181.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  182.       <p class="TextInTable">Logical effects for examples (e.g. Courier)</p>
  183.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  184.       <p class="TextInTable">STRONG</p>
  185.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  186.       <p class="TextInTable">Logical representation for important text (e.g. bold)</p>
  187.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  188.       <p class="TextInTable">TT</p>
  189.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  190.       <p class="TextInTable">Logical effects for TrueType fonts (e.g. Courier)</p>
  191.      </span></td></tr><tr class=""><td class="Tabelle2A4" style="text-align:left;"><span class="Tabelle2A">
  192.       <p class="TextInTable">VAR</p>
  193.      </span></td><td class="Tabelle2B4" style="text-align:left;"><span class="Tabelle2B">
  194.       <p class="TextInTable">Logical effects for variables (e.g. italics)</p>
  195.      </span></td></tr></table>
  196.    <p class="Paragraph"/>
  197.    <table><tr class="Tabelle31"><td class="Tabelle3A1" style="text-align:left;"><span class="Tabelle3A">
  198.       <p class="Paragraph"><draw:image draw:style-name="fr1" draw:name="HIND_2" text:anchor-type="paragraph" svg:width="0.847cm" svg:height="0.847cm" draw:z-index="0" xlink:href="65980" xlink:type="simple" xlink:show="embed" xlink:actuate="onLoad" draw:filter-name="GIF - Graphics Interchange" xmlns:draw="http://openoffice.org/2000/drawing" xmlns:text="http://openoffice.org/2000/text" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"/></p>
  199.      </span></td><td class="Tabelle3A1" style="text-align:left;"><span class="Tabelle3B">
  200.       <p class="Paragraph">Most of the formatting codes will be exported as HTML tags, but many Web browsers will display it in normal text.</p>
  201.      </span></td></tr></table>
  202.    <p class="Paragraph"/>
  203.    <p class="Head2"><help:key-word value="formatting; HTML" tag="kw66059_4" xmlns:help="http://openoffice.org/2000/help"/><help:key-word value="HTML; formatting" tag="kw66059_3" xmlns:help="http://openoffice.org/2000/help"/>Converting Formatting to HTML</p>
  204.    <p class="Paragraph"><help:productname xmlns:help="http://openoffice.org/2000/help">%PRODUCTNAME</help:productname> is able to create the correct HTML code from your text document, for example. This means that listings in your documents will be exported as HTML tags which can then be displayed as either listings or lists in the Web browsers. Below you will find a selection of some of these formats:</p>
  205.    <table border="1" bordercolor="#000000" cellpadding="2" cellspacing="0" page-break-inside="page-break-inside:avoid"><tr class=""><th class="Tabelle4A1" style="text-align:left;"><span class="Tabelle4A">
  206.        <p class="TableHead">Formatting in a <help:productname xmlns:help="http://openoffice.org/2000/help">%PRODUCTNAME</help:productname> Document</p>
  207.       </span></th><th class="Tabelle4B1" style="text-align:left;"><span class="Tabelle4A">
  208.        <p class="TableHead">HTML Tag Types</p>
  209.       </span></th></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  210.       <p class="TextInTable">(Automatically creating headers)</p>
  211.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  212.       <p class="TextInTable"><head></p>
  213.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  214.       <p class="TextInTable">Titles in the Document Properties dialog.</p>
  215.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  216.       <p class="TextInTable"><title></p>
  217.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  218.       <p class="TextInTable">Paragraph formatting for headers 1 to x</p>
  219.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  220.       <p class="TextInTable"><H1> to <Hx></p>
  221.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  222.       <p class="TextInTable">Sender Paragraph Style</p>
  223.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  224.       <p class="TextInTable"><address></p>
  225.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  226.       <p class="TextInTable">Text document tables</p>
  227.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  228.       <p class="TextInTable"><table ...></p>
  229.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  230.       <p class="TextInTable">Bold</p>
  231.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  232.       <p class="TextInTable"><b></p>
  233.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  234.       <p class="TextInTable">Italic</p>
  235.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  236.       <p class="TextInTable"><i></p>
  237.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  238.       <p class="TextInTable">Underline</p>
  239.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  240.       <p class="TextInTable"><u></p>
  241.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  242.       <p class="TextInTable">Bulleted list</p>
  243.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  244.       <p class="TextInTable"><ul> as the introduction, <li> for each list item</p>
  245.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  246.       <p class="TextInTable">Numbered list</p>
  247.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  248.       <p class="TextInTable"><ol> as the introduction, <li> for each list item</p>
  249.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  250.       <p class="TextInTable">Subscript</p>
  251.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  252.       <p class="TextInTable"><sub></p>
  253.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  254.       <p class="TextInTable">Superscript</p>
  255.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  256.       <p class="TextInTable"><super></p>
  257.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  258.       <p class="TextInTable">Inserted comments</p>
  259.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  260.       <p class="TextInTable"><!-- becomes a comment --></p>
  261.      </span></td></tr><tr class=""><td class="Tabelle4A2" style="text-align:left;"><span class="Tabelle4A">
  262.       <p class="TextInTable">Inserted sections</p>
  263.      </span></td><td class="Tabelle4B2" style="text-align:left;"><span class="Tabelle4A">
  264.       <p class="TextInTable"><div ID="section name">.....</div></p>
  265.      </span></td></tr></table>
  266.    <p class="Paragraph"/>
  267.   </body></html>